/* Browser reset + Typography specification */
* { 
margin:0;
padding:0;
font: 12px Arial;
}

.clear {
clear:both;
}

strong {
font-weight:bold;
}

small {
font: 11px Arial;
}

a {
color:#008592;
text-decoration:none;
}

a:hover {
color:#006c77;
text-decoration:underline;
}

a img {
border: 0;
}

.h1{
color:#666;
padding-bottom:5px;
}

.h2{
font-size:20px;
font-weight:bold;
padding-bottom:5px;
}

.h3 {
font-size:13px;
font-weight:bold;
}

/* Layout + Navigation specification*/

body.default {
background:url(../i/bg/meetingview.gif) repeat-x;
min-width:1000px;
}

#header {
height: 67px;
}

#logo {
position:relative;
left:50px;
height:67px;
width:124px;
background:url(../i/logo/starcite.gif) no-repeat;
}

#topNav {
position:absolute;
display:block;
top:15px;
right:35px;
line-height: 17px;
height:17px;
}

#topNav a {
color:#008592;
text-decoration:none;
font-weight:normal;
display:block;
}

#topNav a:hover {
color:#000;
border-bottom:1px dotted #333;
}

#topNav img{
vertical-align:middle;
}

#topNav ul li{
display:block;
float:right;
font-weight:bold;
color:#666;
}

#topNav ul li div.seperator {
background:url(../i/seperators/gutter.gif) center center no-repeat;
width:19px;
}

#topNav ul li div.blank{
width:19px;
}

#midNav {
margin-left: 35px;
height:34px;
color:#FFF;
}

#midNav *{
font:14px Arial;
}

#midNav a {
color:#FFF;
font-weight:bold;
}

#midNav a:hover {
color:#000;
text-decoration:underline;
}

#midNav span a {
display:block;
padding: 3px 0 0 0;
color:#008592;
}

#midNav span a:hover {
color:#000;
}

#midNav ul li, #midNav ul li.selected{
display:block;
float:left;
font-weight:bold;
line-height:34px;
height:34px;
padding: 0 15px;
}

#midNav ul li a {
line-height:34px;
height:34px;
display:block;
float:left;
}

#midNav ul li.selected{
color:#008592;
background:url(../i/tabs/orange_eyebrow_right.gif) right top no-repeat;
height:34px;
padding: 0;
}

#midNav ul li.selected span{
background:url(../i/tabs/orange_eyebrow_left.gif) left top no-repeat;
float:left;
display:block;
font-weight:bold;
height:34px;
line-height:34px;
padding: 0 15px;
}

#midNav ul li.seperator {
background:url(../i/seperators/mid_seperate.gif) center center no-repeat;
width:1px;
height:33px;
padding:0px;
}

#midNav ul li .blank {
width:1px;
}

#subMidNav {
height:31px;
padding-left:50px;
background:#FFF;
}

#subMidNav ul li{
display:block;
float:left;
color:#008592;
height:31px;
line-height:31px;
}

#subMidNav ul li a{
height:31px;
line-height:31px;
display:block;
float:left;
}

#subMidNav ul li.selected{
color:#da7c05;
font-weight:bold;
}

#subMidNav ul li .seperator{
background:url(../i/seperators/gutter.gif) center center no-repeat;
width:25px;
height:31px;
}

#contentWrapper {
padding: 15px 35px;
}

#contentWrapper .wrap1{
background:url(../i/bg/silverWrapLeft.gif) left top no-repeat #FFF;
padding-left:3px;
}

#contentWrapper .wrap2{
background:url(../i/bg/silverWrapRight.gif) right top no-repeat #FFF;
padding-right:3px;
}

#contentWrapper .content{
border-top:1px solid #CCC;
background:#FFF;
padding:15px;
min-height:400px;
color:#333;
}

#contentWrapper .content ul{
margin-left: 32px;
}

#contentWrapper .hr {
height:20px;
float:left;
}

#leftNav {
float:left;
width: 190px;
}

#leftNav .navGroup {
margin-bottom: 4px;
}

#leftNav .navHead{
cursor:pointer;
background:url(../i/nav/leftNav.gif) no-repeat;
height:27px;
font-weight:bold;
color:#666;
line-height:27px;
padding: 0 0 0 15px;
}

#leftNav :hover.navHead{
background:url(../i/nav/leftNavHover.gif) no-repeat;
color:#008592;
text-decoration:underline;
}

#leftNav .selected .navHead{
background:url(../i/nav/leftNavSelected.gif) top;
height:26px;
color:#222;
}

#leftNav .selected :hover.navHead{
text-decoration:none;
}

#leftNav .navBody{
padding:10px 15px 15px 15px;
display:none;
}

#leftNav .selected .navBody{
background:url(../i/nav/leftNavSelected.gif) bottom;
display:block;
}

#leftNav ul{
list-style:none;
}

#leftNav ul li{
background:url(../i/arrows/greyArrow.gif) left center no-repeat;
padding: 0 0 0 15px;
}

#leftNav ul li:hover{
background:url(../i/arrows/orangeArrow.gif) left center no-repeat;
}

#leftNav ul li.selected{
background:url(../i/arrows/blackArrow.gif) left center no-repeat;
font-weight:bold;
}

#rightContent {
margin-left: 210px;
position:relative;
}

#rightContent .h2{
float:left;
height:23px;

}

#rightTabNavWrapper {
position:relative;
height:33px;
}

#rightTabNav {
float:right;
padding-right:5px;
position:relative;
top:10px;
right:0px;
}

#rightTabNav span *{
color:#d9720e;
float:left;
display:block;
height: 23px;
line-height:23px;
}

#rightTabNav span strong{
color:#000;
}

#rightTabNav ul li{
display:block;
height: 23px;
list-style:none;
float:left;
background:url(../i/tabs/orange_left.gif) left top no-repeat;
padding: 0 0 0 2px;
margin-left:1px;
border-bottom: 1px solid #CCC;
}

#rightTabNav ul li span{
background:url(../i/tabs/orange_right.gif) right top no-repeat;
float:left;
display:block;
height: 23px;
line-height:23px;
list-style:none;
padding: 0 10px 0 8px;
}

#rightTabNav ul li.selected{
background:url(../i/tabs/orange_left_selected.gif) left top no-repeat;
border-bottom: 1px solid #FFF;
}

#rightTabNav ul li.selected span{
background:url(../i/tabs/orange_right_selected.gif) right top no-repeat;
padding-bottom:3px;
}

#footer-copyright {
margin: 0 35px;
padding: 15px;
border-top:1px dotted #dcdcdc;
}

#breadCrumbs{
padding: 0 0 6px 0;
margin: 0 0 6px 0;
border-bottom: 1px #EEE solid;
}

#breadCrumbs ul {
margin:0!important;
padding:0!important;
}

#breadCrumbs ul li{
font-weight:bold;
color:#999;
list-style:none;
display:inline;
padding: 0 13px 0 0;
margin: 0 7px 0 0;
background: url(../i/arrows/breadCrumbArrow.gif) center right no-repeat;
}

#breadCrumbs ul li a{
font-weight:bold;
}

#breadCrumbs ul li.selected{
color:#000;
}

#breadCrumbs ul li.last{
background: #FFF;
}

/*begin content specific layout*/

.hide {
display:none;
}

div.left {
float:left;
}

div.right{
float:right;
}

a.silverButton, a.silverButton span, a.aquaButton, a.aquaButton span{
display:block;
height:27px;
line-height:27px;
float:left;
cursor:pointer;
}

a.silverButton {
color:#666;
background:url(../i/buttons/silverRight.gif) no-repeat right top;
margin-left: 10px;
}

a.left {
margin: 0 5px 0 0;
float:left;
}

a.right {
margin: 0 0 0 5px;
float:right;
}

a.silverButton:hover {
text-decoration:underline;
}

a.silverButton span{
background:url(../i/buttons/silverLeft.gif) no-repeat left top;
padding: 0 10px;
}

a.silverButtonPrimary span{
background:url(../i/buttons/orangeLeft.gif) no-repeat left top;
}

a.silverButtonPrimary{
background:url(../i/buttons/orangeRight.gif) no-repeat right top;
color:#FFF;
}

a.silverButtonPrimary:hover{
text-decoration:underline;
}

a.aquaButton, a.aquaButton span{
height:23px;
line-height:23px;
}

a.aquaButton {
background: url(../i/buttons/turqouiseLeft.gif) no-repeat left center;
margin: 0 0 0 5px;
color:#FFF;
padding: 0 0 0 1px;
}

a.aquaButton span{
background: url(../i/buttons/turqouiseRight.gif) no-repeat right top;
padding: 0 4px 0 3px;
}

a.aquaButton:hover {
color:#FFF;
}

a.rightMargin {
margin: 0 5px 0 0!important;
}

.underline {
border-bottom:1px dotted #DDD;
}

.greyBox {
background:#efefef;
padding: 15px;
margin-bottom:10px;
}

.greyBox table {
border-collapse:collapse;
width:100%;
}

.greyBox table td {
padding: 5px 0 5px 5px;
vertical-align:top;
}

table .right {
text-align:right!important;
}

table.greyTable {
border-collapse:collapse;
width:100%;
border:#dcdcdc 1px solid;
}

table.greyTable input[type=text], table.greyTable select{
margin-bottom: 2px;
border:1px solid #D9D9D9;
padding: 2px;
width:200px;
color:#444;
}

table.greyTable th{
text-align:left;
font-weight:bold;
padding: 5px 10px;
background: #DCDCDC;
}

table.greyTable td{
padding: 5px 10px;
vertical-align:top;
}

table.strech select {
width: 150px;
}

table.strech input[type=text] {
width: 145px;
}

.strech {
width: 200px;
border:1px solid #D9D9D9;
padding:2px;
}

table.complexTable {
border-collapse:collapse;
width:100%;
}

table.complexTable tr > td{
border: 1px #EEE solid;
padding: 3px;
}
table.complexTable tr > th{
border: 1px #EEE solid;
padding: 6px 3px;
}

table.complexTable td td, table.complexTable th th{
border: 0;
text-align:left;
}

table.complexTable th.head {
background:#999;
color: #FFF;
font-weight:bold;
}

table.complexTable .head a{
color: #EEE;
font-weight:bold;
}

table.complexTable .r1 {
background:#CCC;
border:0px;
font-weight:bold;
}

table.complexTable .r2 {
background:#DDD;
border:0;
font-weight:bold;
}

table.complexTable .r3 {
background:#EEE;
font-weight:bold;
border:0;
}

table.complexTable .r0 {
border:0;
}

table.complexTable tr:hover td {
background:#F0F0FF;
}

table.complexTable img.expand {
cursor:pointer;
}

td.createdRow, td.createdRow:hover, td.createdRow:hover td{
background:#F1F1E2!important;
}

td.createdRow {
padding:0!important;
border:0;
margin:0;
}

td.createdRow table{
width:100%;
border-collapse:collapse;
padding:2px 3px;
}

td.createdRow th{
background:#d2d3b9;
font-weight:bold;
color:#777961;
border:#c6c8ae 1px solid!important;
}

td.createdRow td {
background:#e8eacf;
color:#9e9f86;
border:#c6c8ae 1px solid!important;
}

table.liquidTable {
border-collapse:collapse;
width:100%;
}

textarea {
width: 100%;
border: 1px dotted #DCDCDC;
overflow:auto;
padding:2px;
}




*{
padding:0;
margin:0;
}

#rfp {
min-width:850px;
width: 100%;
background:#e9f2fa;
}

#rfpWrapper {
padding: 7px;
}

#loading {
top:0;
left:0;
position:absolute;
z-index:1000;
background:#000;
opacity:0.7;
filter:alpha(opacity=70);
text-align:center!important;
color:#FFF;
display:none;
font:20px Georgia;
}

#rfp .heading {
padding: 0 0 7px 0;
}

#rfp .heading .nav {
background:url(../images/main/bg.png);
border:#1px solid #999;
padding: 5px;
}

#search {
background:#FFFFFF url(../i/icon/search.png) left no-repeat;
border:1px solid #CCC;
padding: 0 0 0 20px;
display:block;
width:250px;
float:left;
height: 20px;
}

#search input {
border: 0;
color:#DDD;
font-style:italic;
background:transparent;
width:100%;
padding:1px;
height: 20px;
vertical-align:middle;
}
#search .normal {
font-style:normal;
color:#777;
}

#go {
float:left;
border:1px solid #CCC;
border-left:0;
background:#EEE;
color:#666;
height: 20px;
font: 11px Arial;
line-height: 20px;
padding: 0 4px;
}

#rfp :hover#go {
color:#222;
background:#DDD;
}

#rfp .body {
height:500px;
}

#rfp .left{
float:left;
background:#FFF;
width:300px;
min-width:200px;
max-width:310px;
}

#rfp .right{
margin-left:307px;
float:none;
}

#rfp .h-drag {
background:#e9f2fa;
height:7px;
cursor:n-resize;
}

#rfp .v-drag {
float:left;
width:7px;
cursor:w-resize;
background:#e9f2fa;

}

#rfp .rfpNavHead {
padding: 0 10px;
height: 30px;
font: 13px Arial;
line-height: 30px;
background:url(../images/main/menubg.png) top;
color:#FFF;
}

#rfp .selected .rfpNavHead {
background:url(../images/main/menubg.png) bottom;
}

#rfp :hover.rfpNavHead {
background:url(../images/main/menubg.png) center;
}

#rfp .selected :hover.rfpNavHead {
background:url(../images/main/menubg.png) bottom;
}


#rfp .rfpNavBody {
display:none;
overflow:auto;
border:#CCC 1px dotted;
border-top:0;
background:#FFF;
}

#rfp .rfpNavBody div{
font:12px Arial;
padding:10px;
}

#rfp .rfpNavBody ul {
list-style:none;
font:12px Arial;
cursor:pointer;
margin: 2px 0;
}

#rfp .rfpNavBody li {
background:url(../i/icon/folder.png) center left no-repeat;
padding: 3px 0 3px 20px;
}

#rfp .rfpNavBody span:hover {
color:#666;
}
#rfp .rfpNavBody li.selected {
background:url(../i/icon/folder_page.png) center left no-repeat;
}

#meetingList{
height:200px;
min-height:200px;
max-height:300px;
overflow:auto;
background:#FFF;
overflow-x:hidden;
}
#meetingContent{
overflow:auto;
position:relative;
background:#FFF;
}

#meetingContent *{
text-align:left;
}

#rfp .clear-all {
clear:both;
}

.meetingHeader {
background:#FFF7EA;
padding:5px;
border-bottom:1px dotted #FFD2A6;
}

.meetingBody {
background:#FFF;
}
table.tablesorter {
	font-family:arial;
	background-color: #FFF;
	margin:0 0 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	border-collapse:collapse;
	}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background:#b8d0de;
	border: 1px solid #FFF;
	font-size: 8pt;
	height:23px;
	line-height:23px;
	padding: 0 4px;
}
table.tablesorter thead tr .header {
	color:#FFF;
	background: url(../i/table/topBg.png) center bottom;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
	cursor:pointer;
}
table.tablesorter tbody tr.odd td {
	background-color:#F5F5F5;
}

table.tablesorter tbody tr:hover td {
	background-color:#f8ffd7;
}

table.tablesorter thead tr .headerSortUp {
	background: url(../i/table/asc.png) center bottom;
}
table.tablesorter thead tr .headerSortDown {
	background: url(../i/table/desc.png) center bottom;
}
